<template>
  <div class="hello">
    <div :style='back.red' class="form">
      <slot name="form"></slot>
    </div>
    <div :style='back.yellow' class="table">
      <slot name="table"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props:['back']
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style >
.form,.table{
  width: 800px;
  height: 300px;
}
</style>
